<!DOCTYPE html>
<style>
    .first { color:blue; }
    .second { color:olive; }
    .third { color:brown; }
    .line { clear:both; }
    .fakeColumn { float: left; width:1em;; }
</style>
<p>There should be three lines of text below, with large letter spacing. The text on the first line should be blue, the ones on the second should be olive, and the ones on the third should be brown.</p>
<div style="line-height:30px;">
    <div class="line first">
        <div class="fakeColumn">S</div>
        <div class="fakeColumn">E</div>
        <div class="fakeColumn">R</div>
        <div class="fakeColumn">V</div>
        <div class="fakeColumn">E</div>
    </div>
    <div class="line second">
        <div class="fakeColumn">T</div>
        <div class="fakeColumn">H</div>
        <div class="fakeColumn">E</div>
    </div>
    <div class="line third">
        <div class="fakeColumn">B</div>
        <div class="fakeColumn">E</div>
        <div class="fakeColumn">E</div>
        <div class="fakeColumn">R</div>
    </div>
</div>
